﻿<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <#include "../common/header.ftl"/>
    <script src="/js/plugins/My97DatePicker/WdatePicker.js"></script>
</head>
<body>

<div class="container-fluid" style="margin-top: 20px">
    <#include "../common/top.ftl"/>

    <div class="row">
        <div class="col-lg-2">
            <#assign menu="customerTransferHistory"/>
            <#include "../common/menu.ftl"/>
        </div>
        <div class="col-lg-10">
            <div class="row">
                <div class="col-lg-12">
                    <h1 class="page-head-line">移交历史管理</h1>
                </div>
            </div>
            <#-- 高级查询 -->
            <form class="form-inline" id="searchForm" action="/customerTransferHistory/list.do" method="post">
                <input type="hidden" name="currentPage" id="currentPage" value="1">
                <input type="hidden" name="pageSize" id="pageSize" value="20">
                <div class="form-group">
                    <label>关键字:</label>
                    <input type="text" class="form-control" name="keyword"
                           value="${(qo.keyword)!}" placeholder="请输入客户姓名/新营销人员">
                </div>
                <div class="form-group">
                    <label>时间:</label>
                    <input type="text" class="form-control" name="beginDate"
                           value="<#if qo.beginDate??>${(qo.beginDate?string("yyyy-MM-dd"))!}</#if>"
                           placeholder="请输入开始时间"> ~
                    <input type="text" class="form-control" name="endDate"
                           value="<#if qo.endDate??>${(qo.endDate?string("yyyy-MM-dd"))!}</#if>"
                           placeholder="请输入结束时间">
                </div>
                <button type="submit" class="btn btn-primary">
                    <span class="glyphicon glyphicon-search"></span> 查询
                </button>
            </form>

            <table class="table table-striped table-hover" >
                <tr>
                    <th>编号</th>
                    <th>客户姓名</th>
                    <th>操作时间</th>
                    <th>操作人</th>
                    <th>旧营销人员</th>
                    <th>新营销人员</th>
                    <th>移交原因</th>
                </tr>
                <#list ro.list as entity>
                    <tr>
                        <td>${(entity_index + 1)!}</td>
                        <td>${(entity.customer.name)!}</td>
                        <#--日期格式化-->
                        <td>${(entity.operateTime?string("yyyy-MM-dd"))!}</td>
                        <td>${(entity.operator.name)!}</td>
                        <td>${(entity.oldSeller.name)!}</td>
                        <td>${(entity.newSeller.name)!}</td>
                        <td>${(entity.reason)!}</td>
                    </tr>
                </#list>
            </table>

            <#--分页-->
            <#include "../common/page.ftl" />
        </div>
    </div>
</div>


<script>
    $(function () {
        // 日历插件
        $("#searchForm input[name='beginDate']").click(function () {
            WdatePicker({
                readOnly: true, //只读
                maxDate: new Date() //最多选到今天
            });
        });
        //endDate点击事件
        $("#searchForm input[name='endDate']").click(function () {
            WdatePicker({
                readOnly: true, //只读
                minDate: $("#searchForm input[name='beginDate']").val(),
                maxDate: new Date() //最多选到今天
            });
        });

        //编辑跟进历史的日期插件
        $("#editForm input[name='traceTime']").click(function () {
            WdatePicker({
                readOnly:true,
                maxDate:new Date()
            });
        });
        
        //找到所有的inputBtn类绑定点击事件
        $(".inputBtn").click(function () {
            //1:先清空模态框数据
            $("#editForm input").val("");
            //2:尝试拿到当前按钮上的JSON数据
            //拿到到data-json
            var json = $(this).data("json"); //去当前对象上的自定义属性的数据
            //3:只有编辑按钮才要回显数据
            if (json) {
                //把数据回显到模态框中
                $("#editForm input[name='id']").val(json.id);
                $("#customerName").val(json.customerName);
                $("#editForm input[name='traceTime']").val(json.traceTime);
                $("#editForm input[name='traceDetails']").val(json.traceDetails);
                $("#editForm textarea[name='remark']").html(json.remark);
                $("#editForm select[name='traceType.id']").val(json.traceTypeId);
                $("#editForm select[name='traceResult']").val(json.traceResult);
            }
            //4:弹出模态框
            $("#traceModal").modal("show");
        });


        //给表单按钮绑定点击事件,提交表单
        $(".traceSubmitBtn").click(function () {
            $("#editForm").ajaxSubmit(function (data) {
                if(data.success){
                    msg("编辑成功");
                }else{
                    msg(data.msg);
                }
            });
        });
    });
</script>
</body>
</html>